//函数式编程
$(function() {
    //用户名验证
    userCheck();
    //验证码验证
    wordCheck();
    //发送验证码
    wordSend();
    //提交数据
    dataSubmit();

});

//用户名校验
function userCheck() {
    $('#user').on({
        'input': function(e) {
            var _this = this;
            var str = _this.value;
            var length = str.length;
            var $mask = $('#password').siblings('.mask');

            // 过滤空格
            _this.value = str.replace(/\s+/g, '');

            // 限定长度
            if (length > 22) {
                str = str.substr(0, 22);
                $(_this).val(str);
            } else if (length > 6 && length < 22) {
                $mask.hide();
            } else {
                $mask.show();
            }
        },

    });
}
//验证码校验
function wordCheck() {
    $('#password').on({
        'keydown': all,
        'keyup': all
    });

    function all() {
        var $obj = $(this);
        var str = null; //不占位置
        var len = 0;
        var $mask = $('.sub .mask');

        $obj.val($obj.val().replace(/[^0-9]/g, ''));
        str = $obj.val();
        len = str.length;

        if (len > 6) {
            str = str.substr(0, 6);
            $(this).val(str);
        } else if (len == 6) {
            $mask.hide();
        } else {
            $mask.show();
        }
    }
}
//发送验证码
function wordSend() {
    var $send = $('.send');
    $send.on('click', function() {
        var time = 60;
        $send.addClass('gray');

        $('#password').focus();

        $send.text('重新发送(' + time + ')s');
        var timer = setInterval(function() {
            var str = null;
            if (time === 0) {
                str = '重新发送';
                $send.removeClass('gray');
                return clearInterval(timer);
            } else { // time--;
                time -= 1;
                str = '重新发送(' + time + 's)';
            }

            // str = time > 0 ? '重新发送(' + time + 's)' : '重新发送';
            $send.text(str);


        }, 1000);

        // $.ajax({
        //     url: '',
        //     type: 'post',
        //     success: function() {

        //     },
        //     error: function() {

        //     }
        // })

    });
}
//提交数据
function dataSubmit() {
    $('.submit').on('click', function() {
        alert('提交');
        // $.ajax({


        // })
    });
}